import React, { useState } from 'react'
import './Todomain.css'
import Todoitem from '../Todoitem/Todoitem';

export default function Todomain(props) {
    //props  接受父组件传递的数据[对象]
    let {todo,removeTodo,updateTodo}=props;



    
    return (
        <>
            <ul className="todo-main">
                {
                    todo.map((item,index) => {
                      // 报key错误在标签中添加key值
                        return <Todoitem key={item.id} item={item} index={index} removeTodo={removeTodo} updateTodo={updateTodo}></Todoitem>
                    })
                }
                    
                {
                    todo.length!==0?'':<li className='todo-empty'>暂无数据!</li>
                }
            </ul>
        </>
    )
}
